<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>编辑角色</title>
	<link rel="stylesheet" href="${request.contextPath}/plugins/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="${request.contextPath}/plugins/font-awesome/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="${request.contextPath}/plugins/select2/select2.min.css">
	<link rel="stylesheet" href="${request.contextPath}/plugins/jquery-confirm/jquery-confirm.min.css">
	<link rel="stylesheet" href="${request.contextPath}/hadmin/css/animate.css">
	<link rel="stylesheet" href="${request.contextPath}/hadmin/css/style.css">
	<link rel="stylesheet" href="${request.contextPath}/hadmin/css/common.css">
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="roleEditForm">
							<input type="hidden" value="${sysRole.id}" name="id">
							<div class="form-group">
								<label class="col-sm-2 control-label">角色名称：</label>
								<div class="col-sm-9">
									<input value="${(sysRole.roleName)!}" type="text" id="roleName" name="roleName" class="form-control" placeholder="请输入角色名称" required>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">角色描述：</label>
								<div class="col-sm-9">
									<textarea class="form-control" name="roleDesc" rows="3" placeholder="请输入描述，最多300个字符 ..." required>${(sysRole.roleDesc)!}</textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">角色状态：</label>
								<div class="col-sm-9">
									<label class="radio-inline">
										<input name="roleState" type="radio" class="minimal" ${(sysRole.roleState==1)?string('checked','')} value="1" required> 启用
									</label>
									<label class="radio-inline">
										<input name="roleState" type="radio" class="minimal" ${(sysRole.roleState==-1)?string('checked','')} value="-1"> 禁用
									</label>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 通用js引入 -->
	<script src="${request.contextPath}/plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<script src="${request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script src="${request.contextPath}/plugins/select2/select2.full.min.js"></script>
	<script src="${request.contextPath}/plugins/layer/layer.min.js"></script>
	<script src="${request.contextPath}/plugins/laydate/laydate.js"></script>
	<script src="${request.contextPath}/plugins/jquery-confirm/jquery-confirm.min.js"></script>
	<script src="${request.contextPath}/plugins/validate/jquery.validate.min.js"></script>
	<script src="${request.contextPath}/plugins/validate/messages_zh.min.js"></script>
	<script src="${request.contextPath}/plugins/blockUI/jquery.blockUI.js"></script>
	<script src="${request.contextPath}/hadmin/js/content.js"></script>
	<script src="${request.contextPath}/hadmin/js/common.js?v=0.9"></script>
	<script>
		// 提交保存
		function submitHandler() {
			if ($("#roleEditForm").validate().form()) {
				saveInfo('${request.contextPath}/system/sysrole/doEdit', $('#roleEditForm').serialize());
			} else {
				$("html,body").animate({scrollTop:0},1000);
				layer.msg("输入数据错误");
			}
		}
	</script>
</body>
</html>
